import styled from 'styled-components'

const ShowData = styled.div`
    width:100%;
    background-color:white;
    z-index:999;
    position:absolute;
    bottom:0;
    .btn{
        width:100%;
        height:.96rem;
        background:red;
        color:#fff;
        text-align:center;
        line-height:.96rem;
        font-size:.36rem;
    }
    .classify{
        ul{ 
            display:flex;
            justify-content:space-between;
            margin:.2rem 0
            li{
                width:2rem;
                height:.64rem;
                line-height:.64rem;
                border:1px solid #000;
                text-align:center;
                &.active{
                    background-color:blue;
                }
            }
        }
       
    }
    .type{
        margin-top:.2rem
        width:100%;
        display:flex;
        justify-content:flex-start;
        height:1rem;
        flex-wrap:wrap;
        li{
            margin:.2rem .26rem 0 0;
            width:2rem;
            height:.66rem;
            border:1px solid #000
            display:flex;
            flex-direction:column;
            justify-content:center;
            text-align:center;
        }
    }
    .step{
        height:2.5rem;
        display:flex;
        justify-content:space-around;
        align-items:center;
        padding-top:.5rem;
        span{
            font-size:.32rem;   
        }
    }
`

export default ShowData